<template>
    <div>
        <img class="logo" src="../../assets/logo.png"><br>
        <img class="trenner1" src="../../assets/Trenner.png">
        <ul>
            <router-link to="/home"><li><img src="../../assets/sidebar1-1.png"><br>首页</li></router-link>
            <router-link to="/activity"><li><img src="../../assets/sidebar2-1.png"><br>新增活动</li></router-link>
            <router-link to="/manage"><li><img src="../../assets/sidebar3-1.png"><br>活动管理</li></router-link>
            <router-link to="/earning"><li><img src="../../assets/sidebar4-1.png"><br>收益管理</li></router-link>
            <router-link to="/data"><li><img src="../../assets/sidebar5-1.png"><br>数据统计</li></router-link>
            <router-link to="/user"><li><img src="../../assets/sidebar6-1.png"><br>账户中心</li></router-link>
        </ul>
        <img class="trenner2" src="../../assets/Trenner.png"><br>
        <img class="logout" src="../../assets/Logout_Icon.png">
        <p class="logout_word">退出</p>
    </div>
</template>

<script>
    export default {
        data() {
            return {}
        },
        computed: {
        },
        methods: {}//,
        // mounted(){alert(show)}
    }
</script>

<style scoped>
    .logo{
        margin-top: 12px;
        width: 80%;
        height: 80%
    }

    .trenner1{
        margin-top: 13px;
    }

    ul{
        margin-top: 10px;
    }

    ul li{
        width: 100%;
        height: 65px;
        list-style-type: none;
        margin-left: 0;
        text-align: center;
        color: #787878;
        font-size: 12px;
    }

    ul li img{
        width: 35%;
    }

    .logout{
        width: 45%;
        height: 45%;
        margin-top: 15px;
    }

    .logout_word{
        font-size: 12px;
        color: white;
    }
</style>